<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <title></title>
    <script type="text/javascript" src="__dotnar_lib_base_url__/js/lib/require.min.js"></script>
	<script type="text/javascript" src="__dotnar_lib_base_url__/js/lib/loader.js"></script>
    <script type="text/javascript" src="/js/require.config.js"></script>
    <script type="text/javascript">
    require(["core"], function() {
        require(["./js/mobile/default/m.main"], function(argument) {
            window.removeLoader();
        });
    });
    </script>
    
</head>

<body>
    <svg style="position:fixed;width:100%;height:100%;z-index:-1;top:0;">
        <image style="filter:url(#blur-effect);" xlink:href="images/theme.jpg" width="100%" height="100%" preserveAspectRatio="none"></image>
        <filter id="blur-effect">
            <feGaussianBlur stdDeviation="10"></feGaussianBlur>
        </filter>
    </svg>
    <div style="display:none" id="jSouperApp">
        <xmp>
            {{#include "./pages/mobile/default/top.html"}}
            <!-- {{#include "./pages/mobile/default/nav.html"}} -->
            {{#teleporter "main"}}
            {{#include "pages/mobile/default/bottom.html"}}
        </xmp>
    </div>
</body>

</html>
